<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="global.css" class="css">
    <link rel="stylesheet" href="demo.css">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script src="demo.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
    </style>
</head>

<body>
    <div class="ad"></div>
    <header>
        <div class="title">
            <ul class="df">
                <li>拉勾招聘</li>
                <li>全国站</li>
                <li>首页</li>
                <li>职位</li>
                <li>公司</li>
                <li>校园招聘</li>
                <li>课程</li>
                <li>拉勾APP</li>
                <li>登录 | 注册</li>
                <li>进入企业版</li>
            </ul>
        </div>
        <div class="search">
            <input type="text" placeholder="简历诊断"><span>搜索</span>
            <p>热门搜索：<a href="#">跳槽季数据洞察报告</a><a href="#">抢投好职位</a><a href="#">全民升职记</a></p>
        </div>
    </header>
    <div id="main">
        <div id="left" class="fl">
            <ul>
                <li>
                    <span>技术</span>
                    <b>|</b>
                    <a href="#">java</a>
                    <a href="#">PHP</a>
                    <a href="#">C++</a>
                    <a href="#">区域链</a>
                    <a href="#">Android</a>
                    <a href="#">iOS</a>
                    <span class="rt">></span>
                    <div class="contents">
                        <!-- <h4>技术</h4>
                        <ul>
                            <span>后端开发</span>
                            <li><a href="#">Java</a></li>
                            <li><a href="#">C++</a></li>
                            <li><a href="#">PHP</a></li>
                            <li><a href="#">数据挖掘</a></li>
                            <li><a href="#">搜索算法</a></li>
                            <li><a href="#">精准推荐</a></li>
                            <li><a href="#">C</a></li>
                            <li><a href="#">C#</a></li>
                            <li><a href="#">全栈工程师</a></li>
                            <li><a href="#">NET</a></li>
                            <li><a href="#">Hadoop</a></li>
                            <li><a href="#">Python</a></li>
                            <li><a href="#">Delphi</a></li>
                            <li><a href="#">VB</a></li>
                            <li><a href="#">Perl</a></li>
                            <li><a href="#">Ruby</a></li>
                            <li><a href="#">Node.js</a></li>
                            <li><a href="#">Go</a></li>
                            <li><a href="#">Asp</a></li>
                            <li><a href="#">Shell</a></li>
                            <li><a href="#">区块链</a></li>
                            <li><a href="#">后端开发其他</a></li>
                        </ul> -->
                        <ul>
                            <span>技术</span>
                            <li>
                                <span>后端开发</span>
                                <a href="#">Java</a><a href="#">C++</a><a href="#">PHP</a><a href="#">数据挖掘</a>
                                <a href="#">搜索算法</a><a href="#">精准推荐</a><a href="#">C</a><a href="#">C#</a>
                                <a href="#">全栈工程师</a><a href="#">NET</a><a href="#">Hadoop</a><a href="#">Python</a>
                                <a href="#">Delphi</a><a href="#">VB</a><a href="#">Perl</a><a href="#">Ruby</a>
                                <a href="#">Node.js</a><a href="#">Go</a><a href="#">Asp</a><a href="#">Shell</a>
                                <a href="#">区块链</a><a href="#">后端开发其他</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <span>产品</span>
                    <b>|</b>
                    <a href="#">产品总监</a>
                    <a href="#">产品经理</a>
                    <a href="#">数据产品经理</a>
                    <a href="#">游戏策划</a>
                    <span class="rt">></span>
                    <div class="contents">
                        <ul>
                            <span>产品</span>
                            <li>
                                <span>产品经理</span>
                                <a href="#">产品经理</a><a href="#">网页产品经理</a><a href="#">移动产品经理</a><a href="#">产品助理</a>
                                <a href="#">数据产品经理</a><a href="#">电商产品经理</a><a href="#">游戏策划</a><a href="#">产品实习生</a>

                            </li>
                            <li>
                                <span>产品设计师</span>
                                <a href="#">网页产品设计师</a>
                                <a href="#">无线产品设计师</a>
                            </li>
                            <li>
                                <span>高端职位</span>
                                <a href="#">产品部经理</a>
                                <a href="#">产品总监</a>
                                <a href="#">游戏制作人</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <span>设计</span>
                    <b>|</b>
                    <a href="#">UI设计师</a>
                    <a href="#">交互设计</a>
                    <a href="#">网页设计师</a>
                    <a href="#">平面设计师</a>
                    <span class="rt">></span>
                    <div class="contents">
                        <ul>
                            <span>设计</span>
                            <li>
                                <span>视觉设计</span>
                                <a href="#">视觉设计师</a><a href="#">网页设计师</a><a href="#">Flash设计师</a><a href="#">APP设计师</a>
                                <a href="#">UI设计师</a><a href="#">平面设计师</a><a href="#">美术设计师</a><a href="#">广告设计师</a>


                            </li>
                            <li>
                                <span>交互设计师</span>
                                <a href="#">交互设计师</a>
                                <a href="#">无线交互设计师</a>
                                <a href="#">网页交互设计师</a>
                                <a href="#">硬件交互设计师</a>
                            </li>
                            <li>
                                <span>高端职位</span>
                                <a href="#">产品部经理</a>
                                <a href="#">产品总监</a>
                                <a href="#">游戏制作人</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                    <span>运营</span>
                    <b>|</b>
                    <a href="#">新媒体运营</a>
                    <a href="#">编辑</a>
                    <a href="#">数据运营</a>
                    <a href="#">运营总监</a>
                    <a href="#">COO</a>
                    <span class="rt">></span>
                </li>
                <li>
                    <span>市场</span>
                    <b>|</b>
                    <a href="#">市场营销</a>
                    <a href="#">市场推广</a>
                    <a href="#">市场策划</a>
                    <a href="#">政府关系</a>
                    <span class="rt">></span>
                </li>
                <li>
                    <span>销售</span>
                    <b>|</b>
                    <a href="#">销售专员</a>
                    <a href="#">销售经理</a>
                    <a href="#">销售总监</a>
                    <a href="#">大客户代表</a>
                    <span class="rt">></span>
                </li>
                <li>
                    <span>职能</span>
                    <b>|</b>
                    <a href="#">HR</a>
                    <a href="#">行政</a>
                    <a href="#">财务</a>
                    <a href="#">审计</a>
                    <span class="rt">></span>
                </li>
                <li>
                    <span>游戏</span>
                    <b>|</b>
                    <a href="#">小游戏开发</a>
                    <a href="#">U3D</a>
                    <a href="#">游戏策划</a>
                    <a href="#">游戏运营</a>
                    <span class="rt">></span>
                </li>

            </ul>
        </div>
        <div id="right">
            <ul class="pic-list">
                <li><img src="./img/1.png" alt=""></li>
                <li><img src="./img/2.jpg" alt=""></li>
                <li><img src="./img/3.jpg" alt=""></li>
                <li><img src="./img/4.jpg" alt=""></li>
                <li><img src="./img/5.jpg" alt=""></li>
                <li><img src="./img/6.jpg" alt=""></li>
            </ul>
            <!-- <img src="./img/1.png" alt="">
            <img src="./img/2.jpg" alt="">
            <img src="./img/3.jpg" alt="">
            <img src="./img/4.jpg" alt="">
            <img src="./img/5.jpg" alt="">
            <img src="./img/6.jpg" alt=""> -->
            <a class="left-arrow" onclick="last()">
                <</a> <a class="right-arrow">>
            </a>
        </div>
        <div id="parts">
            <div class="part1">
                <div class="tab">
                    <span class="active">24Hour热门</span>
                    <span>最新职位</span>
                    <div class="line"></div>
                </div>
                <p class="message">? 过去24小时，最多人看过的岗位在这里 <span class="green">我知道了</span></p>
                <div class="cards">
                    <div class="card">
                        <div class="need">
                            <span>运维开发工程师</span>
                            <span>[1天前发布]</span>
                            <span class="red">20k-40k*13薪</span>
                            <div class="job">
                                <div class="require">
                                    <h3>运维开发工程师 <span class="red">20k-40k</span></h3>
                                    <p>北京 | 经验不限 | 本科 | 全职</p>
                                    <span class="btn-put">投简历</span>
                                </div>
                                <div class="job_script">
                                    <h6>职位描述</h6>
                                    <p>工作内容</p>
                                    <p>1.Kubernetes平台基础设施的日常运维，包括但不限于:</p>
                                    <ul>
                                        <li>-处理突发的故障；</li>
                                        <li>-集群中节点的滚动升级；</li>
                                    </ul>
                                    <h6>工作地点</h6>
                                    <p>北京-朝阳区-天元港</p>
                                </div>
                            </div>
                        </div>

                        <p class="experince">经验不限/本科</p>
                        <p>
                            <a href="#">人工智能...</a>
                            <a href="#">Python</a>
                            <a href="#">Kuber...</a>
                        </p>
                        <i>------------------------------------------------------</i>
                        <div class="tip">
                            <img src="./img/imgs/a.png" alt="">
                            <div class="info">
                                <p class="green">OpenBayes机器智能实验室</p>
                                <p>移动互联网，企业服务/A轮/北京</p>
                            </div>
                        </div>

                    </div>
                    <div class="card">
                        <div class="need">
                            <span>运维开发工程师</span>
                            <span>[1天前发布]</span>
                            <span class="red">20k-40k*13薪</span>
                            <div class="job">
                                <div class="require">
                                    <h3>运维开发工程师 <span class="red">20k-40k</span></h3>
                                    <p>北京 | 经验不限 | 本科 | 全职</p>
                                    <span class="btn-put">投简历</span>
                                </div>
                                <div class="job_script">
                                    <h6>职位描述</h6>
                                    <p>工作内容</p>
                                    <p>1.Kubernetes平台基础设施的日常运维，包括但不限于:</p>
                                    <ul>
                                        <li>-处理突发的故障；</li>
                                        <li>-集群中节点的滚动升级；</li>
                                    </ul>
                                    <h6>工作地点</h6>
                                    <p>北京-朝阳区-天元港</p>
                                </div>
                            </div>
                        </div>

                        <p class="experince">经验不限/本科</p>
                        <p>
                            <a href="#">人工智能...</a>
                            <a href="#">Python</a>
                            <a href="#">Kuber...</a>
                        </p>
                        <i>------------------------------------------------------</i>
                        <div class="tip">
                            <img src="./img/imgs/a.png" alt="">
                            <div class="info">
                                <p class="green">OpenBayes机器智能实验室</p>
                                <p>移动互联网，企业服务/A轮/北京</p>
                            </div>
                        </div>

                    </div>
                    <div class="card">
                        <div class="need">
                            <span>运维开发工程师</span>
                            <span>[1天前发布]</span>
                            <span class="red">20k-40k*13薪</span>
                            <div class="job">
                                <div class="require">
                                    <h3>运维开发工程师 <span class="red">20k-40k</span></h3>
                                    <p>北京 | 经验不限 | 本科 | 全职</p>
                                    <span class="btn-put">投简历</span>
                                </div>
                                <div class="job_script">
                                    <h6>职位描述</h6>
                                    <p>工作内容</p>
                                    <p>1.Kubernetes平台基础设施的日常运维，包括但不限于:</p>
                                    <ul>
                                        <li>-处理突发的故障；</li>
                                        <li>-集群中节点的滚动升级；</li>
                                    </ul>
                                    <h6>工作地点</h6>
                                    <p>北京-朝阳区-天元港</p>
                                </div>
                            </div>
                        </div>

                        <p class="experince">经验不限/本科</p>
                        <p>
                            <a href="#">人工智能...</a>
                            <a href="#">Python</a>
                            <a href="#">Kuber...</a>
                        </p>
                        <i>------------------------------------------------------</i>
                        <div class="tip">
                            <img src="./img/imgs/a.png" alt="">
                            <div class="info">
                                <p class="green">OpenBayes机器智能实验室</p>
                                <p>移动互联网，企业服务/A轮/北京</p>
                            </div>
                        </div>

                    </div>
                    <!-- <div class="card">
                    <p>
                        <span>运维开发工程师</span>
                        <span>[1天前发布]</span>
                        <span class="red">20k-40k*13薪</span>
                    </p>
                    <p>经验不限/本科</p>
                    <p>
                        <a href="#">人工智能...</a>
                        <a href="#">Python</a>
                        <a href="#">Kuber...</a>
                    </p>
                    <i>-----------------------</i>
                    <div class="tip">
                        <img src="./img/imgs/a.png" alt="">
                        <div class="info">
                            <p>OpenBayes机器智能实验室</p>
                            <p>移动互联网，企业服务/A轮/北京</p>
                        </div>
                    </div>
                </div>
                <div class="card">
                    <p>
                        <span>运维开发工程师</span>
                        <span>[1天前发布]</span>
                        <span class="red">20k-40k*13薪</span>
                    </p>
                    <p>经验不限/本科</p>
                    <p>
                        <a href="#">人工智能...</a>
                        <a href="#">Python</a>
                        <a href="#">Kuber...</a>
                    </p>
                    <i>-----------------------</i>
                    <div class="tip">
                        <img src="./img/imgs/a.png" alt="">
                        <div class="info">
                            <p>OpenBayes机器智能实验室</p>
                            <p>移动互联网，企业服务/A轮/北京</p>
                        </div>
                    </div>
                </div> -->
                </div>
                <div class="more">查看更多</div>
            </div>
            <div class="part2">
                <span>互联网热门公司榜</span>
                <p class="message">? 互联网行业实力热门企业 <span class="green">我知道了</span></p>
                <div class="cards">
                    <div class="card1">
                        <img src="./img/imgs/b.png" alt="">
                        <h3>上海嘉银金融科技股份有限公司</h3>
                        <p>科技金融/上市公司</p>
                        <p>知名大型互联网金融公司</p>
                        <i>----------------------------------------</i>
                        <div class="foot">
                            <span class="span1">
                                <p class="green">35</p>
                                <p>面试评价</p>
                            </span>
                            <span class="span2">
                                <p class="green">35</p>
                                <p>面试评价</p>
                            </span>
                            <span>
                                <p class="green">35</p>
                                <p>面试评价</p>
                            </span>
                        </div>
                    </div>
                    <div class="card1">
                        <img src="./img/imgs/b1.png" alt="">
                        <h3>我查查</h3>
                        <p>物联网/不需要融资</p>
                        <p>拥有4亿用户，日均扫码量超过800万次...</p>
                        <i>----------------------------------------</i>
                        <div class="foot">
                            <span class="span1">
                                <p class="green">13</p>
                                <p>面试评价</p>
                            </span>
                            <span class="span2">
                                <p class="green">9</p>
                                <p>在招职位</p>
                            </span>
                            <span>
                                <p class="green">76%</p>
                                <p>简历处理率</p>
                            </span>
                        </div>
                    </div>
                    <div class="card1">
                        <img src="./img/imgs/b2.png" alt="">
                        <h3>乐播科技</h3>
                        <p>工具类产品/B轮</p>
                        <p>致力于打造让万物遇屏即连 让分享无处...</p>
                        <i>----------------------------------------</i>
                        <div class="foot">
                            <span class="span1">
                                <p class="green">18</p>
                                <p>面试评价</p>
                            </span>
                            <span class="span2">
                                <p class="green">10</p>
                                <p>在招职位</p>
                            </span>
                            <span>
                                <p class="green">71</p>
                                <p>简历处理率</p>
                            </span>
                        </div>
                    </div>
                    <div class="card1">
                        <img src="./img/imgs/b3.jpg" alt="">
                        <h3>第一视频</h3>
                        <p>文娱|内容/上市公司</p>
                        <p>第一视频网为全球用户24小时提供全面...</p>
                        <i>----------------------------------------</i>
                        <div class="foot">
                            <span class="span1">
                                <p class="green">21</p>
                                <p>面试评价</p>
                            </span>
                            <span class="span2">
                                <p class="green">3</p>
                                <p>在招职位</p>
                            </span>
                            <span>
                                <p class="green">88%</p>
                                <p>简历处理率</p>
                            </span>
                        </div>
                    </div>
                    <div class="card1">
                        <img src="./img/imgs/b4.png" alt="">
                        <h3>第一视频</h3>
                        <p>文娱|内容/上市公司</p>
                        <p>第一视频网为全球用户24小时提供全面...</p>
                        <i>----------------------------------------</i>
                        <div class="foot">
                            <span class="span1">
                                <p class="green">21</p>
                                <p>面试评价</p>
                            </span>
                            <span class="span2">
                                <p class="green">3</p>
                                <p>在招职位</p>
                            </span>
                            <span>
                                <p class="green">88%</p>
                                <p>简历处理率</p>
                            </span>
                        </div>
                    </div>
                    <div class="card1">
                        <img src="./img/imgs/b5.png" alt="">
                        <h3>弘连网络</h3>
                        <p>数据服务|咨询/A轮</p>
                        <p>互联网取证专家，让生活更安全</p>
                        <i>----------------------------------------</i>
                        <div class="foot">
                            <span class="span1">
                                <p class="green">95</p>
                                <p>面试评价</p>
                            </span>
                            <span class="span2">
                                <p class="green">30</p>
                                <p>在招职位</p>
                            </span>
                            <span>
                                <p class="green">66%</p>
                                <p>简历处理率</p>
                            </span>
                        </div>
                    </div>
                    <div class="card1">
                        <img src="./img/imgs/b6.png" alt="">
                        <h3>第一视频</h3>
                        <p>文娱|内容/上市公司</p>
                        <p>第一视频网为全球用户24小时提供全面...</p>
                        <i>----------------------------------------</i>
                        <div class="foot">
                            <span class="span1">
                                <p class="green">21</p>
                                <p>面试评价</p>
                            </span>
                            <span class="span2">
                                <p class="green">3</p>
                                <p>在招职位</p>
                            </span>
                            <span>
                                <p class="green">88%</p>
                                <p>简历处理率</p>
                            </span>
                        </div>
                    </div>
                    <div class="card1">
                        <img src="./img/imgs/b7.png" alt="">
                        <h3>第一视频</h3>
                        <p>文娱|内容/上市公司</p>
                        <p>第一视频网为全球用户24小时提供全面...</p>
                        <i>----------------------------------------</i>
                        <div class="foot">
                            <span class="span1">
                                <p class="green">21</p>
                                <p>面试评价</p>
                            </span>
                            <span class="span2">
                                <p class="green">3</p>
                                <p>在招职位</p>
                            </span>
                            <span>
                                <p class="green">88%</p>
                                <p>简历处理率</p>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="more">查看更多</div>
            </div>
            <!-- <div class="part3">
            <div class="tab">
                <span>友情链接</span>
                <span>热门城市</span>
                <span>热门公司</span>
                <span>热门职位</span>
                <span>热门行业</span>
                <span>热门关键词</span>
                <div class="line"></div>
                <ul>
                    <li><a href="#">找工作</a></li>
                    <li><a href="#">招聘网</a></li>
                    <li><a href="#">招聘</a></li>
                    <li><a href="#">java课</a></li>
                    <li><a href="#">架构课</a></li>
                    <li><a href="#">招聘网站</a></li>
                    <li><a href="#">字节跳动</a></li>
                    <li><a href="#">哔哩哔哩招聘</a></li>
                    <li><a href="#">招聘平台</a></li>
                    <li><a href="#"></a></li>
                    <li><a href="#"></a></li>
                </ul>
                <span>热门城市</span>
                <span>热门公司</span>
                <span>热门职位</span>
                <span>热门行业</span>
                <span>热门关键词</span>
            </div>

        </div> -->
            <!-- <div class="part3">
            <ul class="c1">
                <li>友情链接
                    <ul class="c2">
                        <li><a href="#">找工作</a><a href="#">招聘网</a><a href="#">招聘网</a><a href="#">招聘网</a><a href="#">招聘网</a></li>
                        <li><a href="#">招聘网</a></li>
                        <li><a href="#">招聘</a></li>
                        <li><a href="#">java课</a></li>
                        <li><a href="#">架构课</a></li>
                        <li><a href="#">招聘网站</a></li>
                        <li><a href="#">字节跳动</a></li>
                        <li><a href="#">哔哩哔哩招聘</a></li>
                        <li><a href="#">招聘平台</a></li>
                        <li><a href="#"></a></li>
                        <li><a href="#"></a></li>
                    </ul>
                </li>
                <li>热门城市
                    <ul>
                        <li><a href="#">找工作</a></li>
                        <li><a href="#">招聘网</a></li>
                        <li><a href="#">招聘</a></li>
                        <li><a href="#">java课</a></li>
                        <li><a href="#">架构课</a></li>
                        <li><a href="#">招聘网站</a></li>
                        <li><a href="#">字节跳动</a></li>
                        <li><a href="#">哔哩哔哩招聘</a></li>
                        <li><a href="#">招聘平台</a></li>
                        <li><a href="#"></a></li>
                        <li><a href="#"></a></li>
                    </ul>
                </li>
                <li>热门公司
                    <ul>
                        <li><a href="#">找工作</a></li>
                        <li><a href="#">招聘网</a></li>
                        <li><a href="#">招聘</a></li>
                        <li><a href="#">java课</a></li>
                        <li><a href="#">架构课</a></li>
                        <li><a href="#">招聘网站</a></li>
                        <li><a href="#">字节跳动</a></li>
                        <li><a href="#">哔哩哔哩招聘</a></li>
                        <li><a href="#">招聘平台</a></li>
                        <li><a href="#"></a></li>
                        <li><a href="#"></a></li>
                    </ul>
                </li>
                <li>热门职位
                    <ul>
                        <li><a href="#">找工作</a></li>
                        <li><a href="#">招聘网</a></li>
                        <li><a href="#">招聘</a></li>
                        <li><a href="#">java课</a></li>
                        <li><a href="#">架构课</a></li>
                        <li><a href="#">招聘网站</a></li>
                        <li><a href="#">字节跳动</a></li>
                        <li><a href="#">哔哩哔哩招聘</a></li>
                        <li><a href="#">招聘平台</a></li>
                        <li><a href="#"></a></li>
                        <li><a href="#"></a></li>
                    </ul>
                </li>
                <li>热门行业
                    <ul>
                        <li><a href="#">找工作</a></li>
                        <li><a href="#">招聘网</a></li>
                        <li><a href="#">招聘</a></li>
                        <li><a href="#">java课</a></li>
                        <li><a href="#">架构课</a></li>
                        <li><a href="#">招聘网站</a></li>
                        <li><a href="#">字节跳动</a></li>
                        <li><a href="#">哔哩哔哩招聘</a></li>
                        <li><a href="#">招聘平台</a></li>
                        <li><a href="#"></a></li>
                        <li><a href="#"></a></li>
                    </ul>
                </li>
                <li>热门关键词
                    <ul>
                        <li><a href="#">找工作</a></li>
                        <li><a href="#">招聘网</a></li>
                        <li><a href="#">招聘</a></li>
                        <li><a href="#">java课</a></li>
                        <li><a href="#">架构课</a></li>
                        <li><a href="#">招聘网站</a></li>
                        <li><a href="#">字节跳动</a></li>
                        <li><a href="#">哔哩哔哩招聘</a></li>
                        <li><a href="#">招聘平台</a></li>
                        <li><a href="#"></a></li>
                        <li><a href="#"></a></li>
                    </ul>
                </li>
            </ul>
        </div> -->



            <!-- <div class="part3">
                <ul class="a1">
                    <li><a href="#you" class="active">友情链接</a>
                        <ul class="a2" id="you">
                            <li><a href="#">找工作</a></li>
                            <li><a href="#">招聘网</a></li>
                            <li><a href="#">招聘</a></li>
                            <li><a href="#">java课</a></li>
                            <li><a href="#">架构课</a></li>
                            <li><a href="#">招聘网站</a></li>
                            <li><a href="#">字节跳动</a></li>
                            <li><a href="#">哔哩哔哩招聘</a></li>
                            <li><a href="#">招聘平台</a></li>
                            <li><a href="#">公信宝</a></li>
                            <li><a href="#">职场百科</a></li>
                            <li><a href="#">政策补贴宝</a></li>
                            <li><a href="#">中大网校</a></li>
                            <li><a href="#">人人都是产品经理</a></li>
                            <li><a href="#">研究报告</a></li>
                            <li><a href="#">中华考试网</a></li>
                            <li><a href="#">教师网</a></li>
                            <li><a href="#">杭州招聘</a></li>
                            <li><a href="#">上海招聘</a></li>
                            <li><a href="#">法律咨询</a></li>
                            <li><a href="#">求职网站</a></li>
                            <li><a href="#">国家公务员考试网</a></li>
                            <span>展开</span><i>^</i>
                        </ul>
                    </li>
                    <li><a href="#city">热门城市</a>
                        <ul class="a2" id="city">
                            <li><a href="">深圳人才网</a></li>
                            <li><a href="">上海人才网</a></li>
                            <li><a href="">广州人才网</a></li>
                            <li><a href="">杭州人才网</a></li>
                            <li><a href="">成都人才网</a></li>
                            <li><a href="">南京人才网</a></li>
                            <li><a href="">武汉人才网</a></li>
                            <li><a href="">西安人才网</a></li>
                            <li><a href="">长沙人才网</a></li>
                            <li><a href="">苏州人才网</a></li>
                            <li><a href="">天津人才网</a></li>
                            <li><a href="">重庆人才网</a></li>
                            <li><a href="">郑州人才网</a></li>
                            <li><a href="">青岛人才网</a></li>
                            <li><a href="">合肥人才网</a></li>
                            <li><a href="">福州人才网</a></li>
                            <li><a href="">济南人才网</a></li>
                            <li><a href="">大连人才网</a></li>
                            <span>展开</span><i>^</i>
                        </ul>
                    </li>
                    <li><a href="#company">热门公司</a>
                        <ul class="a2" id="company">
                            <li><a href="">哔哩哔哩招聘</a></li>
                            <li><a href="">字节跳动招聘</a></li>
                            <li><a href="">猿辅导招聘</a></li>
                            <li><a href="">小红书招聘</a></li>
                            <li><a href="">喜茶招聘</a></li>
                            <li><a href="">拼多多招聘</a></li>
                            <li><a href="">前端招聘</a></li>
                            <li><a href="">跟谁学招聘</a></li>
                            <li><a href="">知乎招聘</a></li>
                            <li><a href="">火币招聘</a></li>
                            <li><a href="">shopee招聘</a></li>
                            <li><a href="">airbnb招聘</a></li>
                            <li><a href="">嘉尚传媒招聘</a></li>
                            <li><a href="">人工智能招聘</a></li>
                            <li><a href="">粉笔招聘</a></li>
                            <li><a href="">粉笔招聘</a></li>
                            <li><a href="">php招聘</a></li>
                            <li><a href="">点亮工场招聘</a></li>
                            <li><a href="">作业帮招聘</a></li>
                            <li><a href="">携程招聘</a></li>
                            <span>展开</span><i>^</i>
                        </ul>
                    </li>
                    <li><a href="#position">热门职位</a>
                        <ul class="a2" id="position">  
                            <li><a href="">会计招聘</a></li>
                            <li><a href="">淘宝客服招聘</a></li>
                            <li><a href="">人力资源招聘</a></li>
                            <li><a href="">Java招聘</a></li>
                            <li><a href="">财务招聘</a></li>
                            <li><a href="">项目经理招聘</a></li>
                            <li><a href="">新媒体运营招聘</a></li>
                            <li><a href="">Python招聘</a></li>
                            <li><a href="">出纳招聘</a></li>
                            <li><a href="">产品经理招聘</a></li>
                            <li><a href="">律师招聘</a></li>
                            <li><a href="">模具设计招聘</a></li>
                            <li><a href="">法务招聘</a></li>
                            <li><a href="">PHP招聘</a></li>
                            <li><a href="">网络工程师招聘</a></li>
                            <li><a href="">数据分析师招聘</a></li>
                        </ul>
                    </li>
                    <li><a href="#hang">热门行业</a>
                        <ul class="a2" id="hang">
                            <li><a href="">产品经理</a></li>
                            <li><a href="">新媒体运营</a></li>
                            <li><a href="">CTO</a></li>
                            <li><a href="">数据分析师</a></li>
                            <li><a href="">深度学习</a></li>
                            <li><a href="">网络工程师</a></li>
                            <li><a href="">数据挖掘</a></li>
                            <li><a href="">网店运营</a></li>
                            <li><a href="">嵌入式</a></li>
                            <li><a href="">web前端</a></li>
                            <li><a href="">图像识别</a></li>
                            <li><a href="">产品运营</a></li>
                            <li><a href="">运维工程师</a></li>
                            <li><a href="">UI设计师</a></li>
                            <li><a href="">原画师</a></li>
                            <li><a href="">算法工程师</a></li>
                            <li><a href="">架构师</a></li>
                            <li><a href="">游戏策划</a></li>
                            <li><a href="">自动化测试</a></li>
                            <li><a href="">性能测试</a></li>
                            <li><a href="">白盒测试</a></li>
                            <li><a href="">图像处理</a></li>
                        </ul>
                    </li>
                    <li><a href="#keywords">热门关键词</a>
                        <ul class="a2" id="keywords">                         
                            <li><a href="">宣城招聘</a></li>
                            <li><a href="">宣城招聘职位</a></li>
                            <li><a href="">六安本地工作招聘</a></li>
                            <li><a href="">宣城招聘网大全</a></li>
                            <li><a href="">宣城招聘发布网</a></li>
                            <li><a href="">六安本地招聘网</a></li>
                            <li><a href="">上饶正规网上招聘网站</a></li>
                            <li><a href="">上饶网上招聘人才</a></li>
                            <li><a href="">上饶外教招聘</a></li>
                            <li><a href="">上饶现在找工作</a></li>
                            <li><a href="">上饶网上求职</a></li>
                            <li><a href="">上饶正规招聘网站</a></li>
                            <li><a href="">上饶学校招聘</a></li>
                            <li><a href="">上饶应届大学生求职网</a></li>
                            <li><a href="">上饶招聘会现场</a></li>
                            <li><a href="">上饶要找工作</a></li>
                            <li><a href="">上饶招聘人才网站</a></li>
                            <li><a href="">上饶在线招聘</a></li>
                            <li><a href="">上饶招聘信息汇总</a></li>
                            <li><a href="">上饶招聘实习网</a></li>
                        </ul>
                    </li>
                </ul>
            </div> -->

            <div class='part3'>
                <div class='tab_list'>
                    <ul>
                        <li class='current'>友情链接</li>
                        <li>热门城市</li>
                        <li>热门公司</li>
                        <li>热门职位</li>
                        <li>热门行业</li>
                        <li>热门关键词</li>
                    </ul>
                </div>
                <div class="tab_con">
                    <div class="item" style="display: block;">
                        <a href="#">找工作</a>
                        <a href="#">招聘网</a>
                        <a href="#">招聘</a>
                        <a href="#">java课</a>
                        <a href="#">架构课</a>
                        <a href="#">招聘网站</a>
                        <a href="#">字节跳动</a>
                        <a href="#">哔哩哔哩招聘</a>
                        <a href="#">招聘平台</a>
                        <a href="#">公信宝</a>
                        <a href="#">职场百科</a>
                        <a href="#">政策补贴宝</a>
                        <a href="#">中大网校</a>
                        <a href="#">人人都是产品经理</a>
                        <a href="#">研究报告</a>
                        <div class="hide">
                            <a href="#">中华考试网</a>
                            <a href="#">教师网</a>
                            <a href="#">杭州招聘</a>
                            <a href="#">上海招聘</a>
                            <a href="#">法律咨询</a>
                            <a href="#">求职网站</a>
                            <a href="#">国家公务员考试网</a>
                            <span>展开</span><i>^</i>
                        </div>
                        <span class="btn-open" id="bt-open">展开 <i>^</i></span>
                    </div>
                    <div class="item">
                        <a href="">深圳人才网</a>
                        <a href="">上海人才网</a>
                        <a href="">广州人才网</a>
                        <a href="">杭州人才网</a>
                        <a href="">成都人才网</a>
                        <a href="">南京人才网</a>
                        <a href="">武汉人才网</a>
                        <a href="">西安人才网</a>
                        <a href="">长沙人才网</a>
                        <a href="">苏州人才网</a>
                        <a href="">天津人才网</a>
                        <a href="">重庆人才网</a>
                        <div class="hide">
                            <a href="">郑州人才网</a>
                            <a href="">青岛人才网</a>
                            <a href="">合肥人才网</a>
                            <a href="">福州人才网</a>
                            <a href="">济南人才网</a>
                            <a href="">大连人才网</a>
                            <span>展开</span><i>^</i>
                        </div>
                        <span class="btn-open" id="bt-open">展开 <i>^</i></span>
                    </div>
                    <div class="item">
                        <a href="">哔哩哔哩招聘</a>
                        <a href="">字节跳动招聘</a>
                        <a href="">猿辅导招聘</a>
                        <a href="">小红书招聘</a>
                        <a href="">喜茶招聘</a>
                        <a href="">拼多多招聘</a>
                        <a href="">前端招聘</a>
                        <a href="">跟谁学招聘</a>
                        <a href="">知乎招聘</a>
                        <a href="">火币招聘</a>
                        <a href="">shopee招聘</a>
                        <a href="">airbnb招聘</a>
                        <div class="hide">
                            <a href="">嘉尚传媒招聘</a>
                            <a href="">人工智能招聘</a>
                            <a href="">粉笔招聘</a>
                            <a href="">粉笔招聘</a>
                            <a href="">php招聘</a>
                            <a href="">点亮工场招聘</a>
                            <a href="">作业帮招聘</a>
                            <a href="">携程招聘</a>
                            <span>展开</span><i>^</i>
                        </div>
                        <span class="btn-open" id="bt-open">展开 <i>^</i></span>
                    </div>
                    <div class="item">
                        <a href="">会计招聘</a>
                        <a href="">淘宝客服招聘</a>
                        <a href="">人力资源招聘</a>
                        <a href="">Java招聘</a>
                        <a href="">财务招聘</a>
                        <a href="">项目经理招聘</a>
                        <a href="">新媒体运营招聘</a>
                        <a href="">Python招聘</a>
                        <a href="">出纳招聘</a>
                        <a href="">产品经理招聘</a>
                        <a href="">律师招聘</a>
                        <a href="">模具设计招聘</a>
                        <div class="hide">
                            <a href="">法务招聘</a>
                            <a href="">PHP招聘</a>
                            <a href="">网络工程师招聘</a>
                            <a href="">数据分析师招聘</a>
                            <span>展开</span><i>^</i>
                        </div>
                        <span class="btn-open" id="bt-open">展开 <i>^</i></span>
                    </div>
                    <div class="item">
                        <a href="">产品经理</a>
                        <a href="">新媒体运营</a>
                        <a href="">CTO</a>
                        <a href="">数据分析师</a>
                        <a href="">深度学习</a>
                        <a href="">网络工程师</a>
                        <a href="">数据挖掘</a>
                        <a href="">网店运营</a>
                        <a href="">嵌入式</a>
                        <a href="">web前端</a>
                        <a href="">图像识别</a>
                        <a href="">产品运营</a>
                        <a href="">运维工程师</a>
                        <a href="">UI设计师</a>
                        <a href="">原画师</a>
                        <div class="hide">
                            <a href="">算法工程师</a>
                            <a href="">架构师</a>
                            <a href="">游戏策划</a>
                            <a href="">自动化测试</a>
                            <a href="">性能测试</a>
                            <a href="">白盒测试</a>
                            <a href="">图像处理</a>
                            <span>展开</span><i>^</i>
                        </div>
                        <span class="btn-open" id="bt-open">展开 <i>^</i></span>
                    </div>
                    <div class="item">
                        <a href="">宣城招聘</a>
                        <a href="">宣城招聘职位</a>
                        <a href="">六安本地工作招聘</a>
                        <a href="">宣城招聘网大全</a>
                        <a href="">宣城招聘发布网</a>
                        <a href="">六安本地招聘网</a>
                        <a href="">上饶正规网上招聘网站</a>
                        <a href="">上饶网上招聘人才</a>
                        <a href="">上饶外教招聘</a>
                        <div class="hide">
                            <a href="">上饶现在找工作</a>
                            <a href="">上饶网上求职</a>
                            <a href="">上饶正规招聘网站</a>
                            <a href="">上饶学校招聘</a>
                            <a href="">上饶应届大学生求职网</a>
                            <a href="">上饶招聘会现场</a>
                            <a href="">上饶要找工作</a>
                            <a href="">上饶招聘人才网站</a>
                            <a href="">上饶在线招聘</a>
                            <a href="">上饶招聘信息汇总</a>
                            <a href="">上饶招聘实习网</a>
                            <a href="">上饶招聘实习网</a>
                            <a href="">上饶招聘实习网</a>
                            <a href="">上饶招聘实习网</a>
                            <a href="">上饶招聘实习网</a>
                            <a href="">上饶招聘实习网</a>
                            <a href="">上饶招聘实习网</a>
                            <a href="">上饶招聘实习网</a>
                            <a href="">上饶招聘实习网</a>
                            <a href="">上饶招聘实习网</a>
                            <a href="">上饶招聘实习网</a>
                            <a href="">上饶招聘实习网</a>
                            <a href="">上饶招聘实习网</a>
                            <a href="">上饶招聘实习网</a>
                            <a href="">上饶招聘实习网</a>
                            <a href="">上饶招聘实习网</a>
                            
                        </div>
                        <span class="btn-open" id="bt-open">展开 <i>^</i></span>
                    </div>
                  
                </div>

            </div>
            <div class="footer">
                <div class="footer-left">
                    <div class="APP">下载拉勾APP
                        <img src="./img/imgs/code1.png" alt="" class="code1">
                    </div>
                    <div class="app">微信小程序
                        <img src="./img/imgs/code2.png" alt="" class="code2">
                    </div>
                    拉勾公众号
                    拉勾微博
                </div>
                <div class="footer-right">
                    <div class="f1">
                        <h3>企业服务</h3>
                        <p><a href="https://activity.lagou.com/activities/business-2018/index.html#/">招聘抢人宝典</a></p>
                        <p><a href="https://www.lagou.com/gongsi/">公司搜索</a></p>
                        <p><a href="https://help.lagou.com/staticpage/app_download/pc/index.html">拉勾APP</a></p>
                    </div>
                    <div class="f2">
                        <h3>用户帮助</h3>
                        <p>
                            <a href="https://www.lagou.com/privacy.html">用户协议</a>
                        </p>
                        <p><a href="https://www.lagou.com/policy.html">隐私政策</a></p>
                    </div>
                    <div class="f3">
                        <h3>联系方式</h3>
                        <p>服务热线：4006 2828 35(9:00-18:00)</p>
                        <p><a href="mailto:cc@lagou.com">企业服务邮箱：cc@lagou.com</a></p>
                        <p><a href="https://www.lagou.com/about.html">联系我们</a></p>
                    </div>
                </div>
            </div>
        </div>


    </div>
    <footer>
        <img src="./img/imgs/logo.png" alt="">
        <p><a href="#">©2021 拉勾网 京ICP备14023790号-2</a>
            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802024043">
                <img src="./img/imgs/logo(1).png" alt="" style="height: 12px;">
                京公网安备 11010802024043号</a>
            <a href=""><img src="./img/imgs/logo2.png" alt="" style="height: 12px;"> 电子营业执照</a>
            <a href="https://www.lagou.com/wn/license?id=2">人力资源服务许可证</a>
            <a href="https://www.lagou.com/wn/license?id=3">增值电信业务经营许可证</a>
        </p>
        <p>客服（投诉）电话: 4006 282 835 (9:00 - 18:00); 违法和不良信息、未成年人举报同客服电话; 北京人社局电话：12333
            <a href="https://www.lagou.com/wn/statement/complaintReport">拉勾招聘投诉举报制度</a>
            <a href="https://www.12377.cn/">网上有害信息举报专区</a>
        </p>
    </footer>
    <div class="foot-banner">
        <div class="ftl">
            <img src="./img/imgs/logo1.png" alt="">
        </div>
        <div class="ftc">
            <img src="./img/imgs/foot.png" alt="">
            1333034家公司|10117118个职位，在拉勾等你
        </div>
        <!-- <div class="register">
            <input type="phone" value="086" disabled>
            <input type="text">
            <button>登录/注册</button>
            <div>1</div>
        </div> -->
        <div class="register">
            <div class="phone">
                <span>0086^</span>
                <div class="input">
                    <input type="text" placeholder="输入手机号">
                </div>
            </div>
            <div class="code">
                <input type="text" placeholder="验证码">
                <span>获取</span>
            </div>
            <button class="btn-login">登录/注册</button>
        </div>
    </div>

</body>

</html>